<template>
  <!-- 底部 -->
		<div class="foot">
			<div class="footCon">
				<!-- 尾部左边 一张图片 -->
				<div class="lf1">
					<div class="footlogo"></div>
				</div>
				<!-- 尾部中间 -->
				<div class="lf2">
					<div class="ht">全国统一服务热线</div>
					<div class="ht pl foot_tel">0724-6095052</div>
					<div class="ht pl foot_addr">湖北省xxxxxxxxxxxxx</div>
				</div>
				<!-- 尾部右边 -->
				<div class="lf3">
					<div class="ht">
						©科惠网十堰分中心&nbsp;&nbsp;湖北技术交易所十堰分所
					</div>
					<div class="ht grey">
						<a href="#">备案号：鄂ICP备14016231号-4</a>
					</div>
				</div>
			</div>
		</div>
</template>

<script>
export default {
  name: 'MainFooter',
  data () {
    return {
      
    }
  }
}
</script>

<style scoped>
* {
	margin: 0;
	padding: 0;
}

a {
	color: black;
	text-decoration: none;
}

.foot {
	/* text-align: center; */
	height: 200px;
	width: 100%;
	text-align: center;
	background-color: #1f2229;
	font-size: 12px;
}
.foot .footCon {
	margin: 0 auto;
	width: 940px;
	height: 160px;
	text-align: center;
	padding: 20px 289.6px;
}

.foot .ht {
	height: 32px;
	color: aliceblue;
	text-align: left;
}

.foot .lf1 {
	float: left;
	width: 300px;
	height: 104px;

}

.foot .lf1 .footlogo {
	height: 104px;
	background: url('~@/assets/logo.png') no-repeat center;
}

.foot .lf2 {
	float: left;
	width: 300px;
	height: 132px;
	margin: 0 20px;
}
.foot .lf2 .pl {
	padding-left: 35px;
}
/* 
.foot .lf2 .foot_tel{
	background: url('D:/project-kh/src/assets/foot_beforeIcon.jpg') no-repeat;
}

.foot .lf2 .foot_addr{
	background: url('D:/project-kh/src/assets/foot_beforeIcon.jpg') 0 -65px no-repeat;
} */

.foot .lf3 {
	float: left;
	width: 300px;
	height: 64px;
}

.foot .lf3 a {
	color: #F0F8FF;
}
</style>
